import React,{useState} from 'react'
import {  NavBar, Toast, } from 'react-vant'
import "../css3/success3.scss"
import { useNavigate } from 'react-router-dom'
import 'animate.css';
export default function Success3() {
  const navigate = useNavigate()
  return (
    <div className='sucss animate__animated animate__fadeInTopLeft'>
      {/* 返回 */}
      <NavBar
        title="发布成功"
        onClickLeft={() => Toast('返回', navigate('/sellbook3'))}
      />
      <div>
        <div className='fengmian'>
          <img src="https://img.alicdn.com/i3/2262370151/O1CN01PpiTpy1CzCfCDcRn3_!!2262370151.jpg" alt="" />
        </div>
      </div>




<div>
  <p style={{marginTop:"40px",marginLeft:"20px",color:"#9F88FF"}}>分享</p>
  <div className='fenx'>
    <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.v_heyP2kL7OtY1kc_00QWwHaHa?rs=1&pid=ImgDetMain" alt="" />
    <img src="https://ts1.cn.mm.bing.net/th/id/R-C.633a9a03ffe3e8083fb0f84cae42e209?rik=Ena9epHbP5MQkw&riu=http%3a%2f%2fimages.shejidaren.com%2fwp-content%2fuploads%2f2020%2f03%2f36365.jpg&ehk=nO5ZOTbmUWFgAe183zIsdBY0gWDyZdPYV%2fq%2bQktxD48%3d&risl=&pid=ImgRaw&r=0" alt="" />
    <img src="https://ts1.cn.mm.bing.net/th/id/R-C.f90b1f4896e5189c30adbe02aa5e5d8b?rik=CqfSCvCyF7ipTg&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fw%2f2020%2f12-27%2f96102%2fwater_96102_698_698_.png&ehk=g3NFuiaNXxtys3e4WZksZX3fJvazfvaifN2BaXEbhEk%3d&risl=&pid=ImgRaw&r=0" alt="" />
    <img src="https://ts1.cn.mm.bing.net/th/id/R-C.7a26b2dd16ea1e67b79fb4040e3d3b4a?rik=LZkLDujijNeoHw&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fw%2f2021%2f04-21%2f99520%2fwater_99520_698_698_.png&ehk=1boQVZBk48rN7lWp7Sxlqwid0X0cY5NBhgA2iQ4%2fwRM%3d&risl=&pid=ImgRaw&r=0" alt="" />
  </div>

</div>


<div >
  <button className='maishu' onClick={()=>{navigate('/sellbook3')}} >继续卖书</button>
  <button className='zhuye' onClick={()=>{navigate('/merch3')}}>返回主页</button>
</div>







    </div>
  )
}
